<!DOCTYPE html>
<!--
基础布局模板
@since version:1.0(2016-11-4); author:SoChishun(14507247@qq.com); desc:Added.
-->
<html>
    <head>
        <title>{block name="title"}标题{/block}</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="__CSSLIB__cssreset-min.css" rel="stylesheet" type="text/css">
        <link href="__SCRIPTLIB__jquery-easyui-1.5/themes/color.css" rel="stylesheet" type="text/css">
        <link href="__SCRIPTLIB__jquery-easyui-1.5/themes/icon.css" rel="stylesheet" type="text/css">
        <link href="__SCRIPTLIB__jquery-easyui-1.5/themes/default/easyui.css" rel="stylesheet" type="text/css">
        <script src="__SCRIPTLIB__jquery/jquery-1.12.3.min.js" type="text/javascript"></script>
        <script src="__SCRIPTLIB__jquery-easyui-1.5/jquery.easyui.min.js" type="text/javascript"></script>
    </head>
    <body class="easyui-layout">
        <div data-options="region:'north'" style="height:36px; overflow: hidden">
            <div class="header">
                <h3 class="logo" style="float:left; border:none; font-size:18px; font-weight: bold; line-height: 36px;">0592Call后台管理系统</h3>
                <!--布局.头部用户状态导航-->
                <div style="float:right">
                    <div id="layout-user-menu" class="easyui-panel" style="padding:5px;border:none">
                        <a href="#" class="easyui-linkbutton" data-options="plain:true" title="设置">欢迎您, Admin</a>
                        <a href="#" class="easyui-linkbutton" data-options="plain:true">设置</a>
                        <a href="#" class="easyui-menubutton" data-options="menu:'#layout-user-menu-help',iconCls:'icon-help'">帮助</a>
                        <a href="#" class="easyui-linkbutton" data-options="plain:true">桌面</a>
                    </div>
                    <div id="layout-user-menu-help" style="width:150px;">
                        <div data-options="iconCls:'icon-undo'">帮助手册</div>
                        <div data-options="iconCls:'icon-redo'">官方网站</div>
                        <div class="menu-sep"></div>
                        <div>关于</div>
                    </div>
                </div>
                <!--/布局.头部用户状态导航-->
                <div style="clear:both"></div>
            </div>
        </div>
        <div data-options="region:'west',split:true" title="导航" style="width:100px;">
            <!--布局.侧边栏-->
            <div id="layout-aside-menu" class="easyui-accordion" data-options="fit:true" style="width:100%;">
                <div title="系统配置" style="overflow:auto;padding:10px;">
                    <ul>
                        <li><a href="{:url('Extension/extension_list')}">分机管理</a></li>
                    </ul>
                </div>
            </div>
            <!--/布局.侧边栏-->
        </div>
        <div data-options="region:'center',iconCls:'icon-ok'">
            <!--布局.主要内容-->
            <div id="layout-main-tabs" data-options="fit:true"></div>
            <!--/布局.主要内容-->
        </div>
        <div data-options="region:'south',split:true" style="height:30px">
            <div style="padding:5px; float:left;">2016-11-08 11:33:32 46周 星期二</div>
            <div style="padding:5px; float:right;">
                Copyright (c) 2016 <a href="#" target="_blank">Www.0592Call.Com</a> Ver 1.0.0.0
            </div>
            <div style="clear:both"></div>
        </div>
        <script type="text/javascript">
            $('#layout-main-tabs').tabs();
            add_main_tab({title: '桌面', content: '<div style="margin:10px;">欢迎使用</div>', closable: false});
            // 侧边栏导航菜单点击后，在主选项卡新增一个选项卡窗体 2016-11-8
            $('#layout-aside-menu li a').click(function () {
                var $a = $(this);
                add_main_tab({title: $a.text(), href: $a.attr('href')});
                return false;
            })
            // 新增主要内容选项卡窗口 2016-11-8
            function add_main_tab(options) {
                var config = {
                    title: '窗口',
                    content: '内容',
                    closable: true,
                    tools: [{
                            iconCls: 'icon-mini-refresh',
                            handler: function () {
                                alert('refresh');
                            }
                        }]
                };
                if (undefined != options) {
                    config = $.extend(config, options);
                }
                $('#layout-main-tabs').tabs('add', config);
            }
        </script>
    </body>
</html>
